<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	isELIgnored="false" session="true"%>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">

<title><s:message code="M_5200_WORDER_MANAGEMENT_TAG" /></title>
<%@ include file="/page/comPage/comCSS.html"%>
<%@ include file="/page/comPage/navbar.html"%>
</head>
<body>
	<div class="container-fluid">
		<div class="col-lg-12 col-md-12 col-sm-12 btnDivCss">
			<button class="btn btn-info" id="query_btn">
				<s:message code="QUERY_TAG" />
			</button>

			<button class="btn btn-warning" id="update_btn">
				<s:message code="UPDATE_TAG" />
			</button>

			<button class="btn btn-danger" id="del_btn">
				<s:message code="DELETE_TAG" />
			</button>

			<button class="btn btn-success" id="save_btn">
				<s:message code="SAVE_TAG" />
			</button>

			<button class="btn btn-primary" id="clear_btn">
				<s:message code="CLEAR_TAG" />
			</button>
			<button class="btn btn-info" id="bind_btn">
				<s:message code="BIND_SO_TAG" />
			</button>
			<button class="btn btn-warning" id="bind_mtrl_btn">
				<s:message code="BIND_WO_MTRL_TAG" />
			</button>
		</div>

		<div class="col-lg-4 col-md-4 col-sm-4" id="leftDiv">
            <fieldset>
                <legend><s:message code="QUERY_CONDITION_TAG" /></legend>
            </fieldset>
			<form class="form-horizontal">
				<div class="form-group col-lg-12 col-md-12 col-sm-12">
                    <label class="control-label col-lg-4 col-md-4 col-sm-4 "
						for="woCate"><s:message code="WO_CATE_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<select class="form-control" id="woCate">
						</select>
					</div>
				</div>
				<div class="form-group col-lg-12 col-md-12 col-sm-12">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="cusIdFk"><s:message code="CUS_ID_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<select class="form-control" id="cusIdFk">
						</select>
					</div>
				</div>
				<div class="form-group col-lg-12 col-md-12 col-sm-12">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="mdlIdFk"><s:message code="MDL_ID_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<select class="form-control" id="mdlIdFk">
						</select>
					</div>
				</div>
			</form>
		</div>
		
		<div class="col-lg-8 col-md-8 col-sm-8" id="rightDiv">
			<fieldset>
				<legend><s:message code="WO_INFO_TAG" /></legend>
			</fieldset>
			<form class="form-horizontal">
				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4" for="woId"><s:message code="WO_ID_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<input type="text" class="form-control" id="woId" />
					</div>
				</div>

				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="plnPrdQty"><s:message code="PLN_PRD_QTY_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<input type="text" class="form-control intCss" id="plnPrdQty" />
					</div>
				</div>

				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="plnStbDatepicker"><s:message code="PLAN_STB_DATE_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
						<div id="plnStbDatepicker" class="input-group input-append">
							<input data-format="yyyy-MM-dd" type="text" class="form-control">
							<span class="input-group-addon add-on"> <i
								data-date-icon="glyphicon-calendar"
								class="glyphicon glyphicon-calendar"></i>
							</span>
						</div>
					</div>
				</div>

				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="plnCompDatepicker"> <s:message code="PLAN_CMP_DATE_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8 ">
						<div id="plnCompDatepicker" class="input-group input-append">
							<input data-format="yyyy-MM-dd" type="text" class="form-control">
							<span class="input-group-addon add-on"> <i
								data-date-icon="icon-calendar"
								class="glyphicon glyphicon-calendar"></i>
							</span>
						</div>
					</div>
				</div>
				
				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="woDsc"><s:message code="WO_DSC_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
							<textarea  name="message"  rows="2" class="form-control"
							id="woDsc"  style="resize:none;"></textarea>
					</div>
				</div>
				
				<div class="form-group col-lg-6 col-md-6 col-sm-6">
					<label class="control-label col-lg-4 col-md-4 col-sm-4"
						for="woNote"><s:message code="REMARK_TAG" /></label>
					<div class="col-lg-8 col-md-8 col-sm-8">
							<textarea  name="message"  rows="2" class="form-control"
							id="woNote"  style="resize:none;"></textarea>
					</div>
				</div>
			</form>
		</div>

		<div class="col-lg-12 col-md-12 col-sm-12 UnderDiv" style="position: relative;">
			<fieldset>
				<legend>工单信息列表</legend>
			</fieldset>
			<div id="innerOrderDiv" class="col-lg-12 col-md-12 col-sm-12">
				<table id="innerOrderGrd" style="height: 1px;"></table>
				<div id="innerOrderPg"></div>
			</div>
		</div>


		<!-- 绑定客户订单 模态框-->
		<div id="bindDialog" class="modal fade"
			data-target=".bs-example-modal-lg" tabindex="-1" role="dialog"
			aria-labelledby="title" aria-hidden="true">
			<div class="modal-dialog" style="width: 1200px">
				<div class="modal-content">
					<!-- 模框头部 -->
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
						<h4 class="modal-title">工单绑定客户订单</h4>
					</div>
					<!-- 模框主体 -->
					<div class="modal-body">
						<div class="container-fluid">
						<div id="cusOrderDiv" class="col-lg-12 col-md-12 col-sm-12">
							<table id="cusOrderGrd"></table>
							<div id="cusOrderPg"></div>
						</div>
						</div>
					</div>
					<!-- 模框底部 -->
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal"
							id="bindDialog_cancelBtn">
							<s:message code="CANCEL_TAG" />
						</button>
						<button type="button" class="btn btn-primary"
							id="bindDialog_queryBtn">
							<s:message code="UPATE_COMMIT_TAG" />
						</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 绑定物料 模态框-->
		<div id="bindMtrlDialog" class="modal fade"
			 data-target=".bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px">
				<div class="modal-content">
					<!-- 模框头部 -->
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">工单绑定物料</h4>
					</div>
					<!-- 模框主体 -->
					<div class="modal-body">
						<div class="form-group col-lg-6 col-md-6 col-sm-6">
							<label class="control-label col-lg-4 col-md-4 col-sm-4" for="mtrlCateSel">
								<s:message code="MTRL_CATE_TAG" />
							</label>
							<div class="col-lg-8 col-md-8 col-sm-8" >
								<select class="form-control"  id="mtrlCateSel" style="width: 80%"></select>
							</div>
						</div>
						<div class="container-fluid">
							<div id="woMtrlDiv" class="col-lg-12 col-md-12 col-sm-12">
								<table id="woMtrlGrd"></table>
								<div id="woMtrlPg"></div>
							</div>
						</div>
					</div>
					<!-- 模框底部 -->
					<div class="modal-footer">
						<button id="bindMtrlDialog_cancelBtn"type="button" class="btn btn-default" data-dismiss="modal">
							<s:message code="CANCEL_TAG" />
						</button>
						<button id="bindMtrlDialog_sureBtn"type="button" class="btn btn-primary">
							<s:message code="SURE_COMMIT_TAG" />
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<%@ include file="/page/comPage/comJS.html"%>
<script src="lib/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script
	src="lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="js/page/5000/5200.js"></script>
</html>